<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
    <link rel="stylesheet" type="text/css" href="assets/components/bootstrap.min.css"/>
    <link rel="stylesheet" type="text/css" href="assets/components/swiper.min.css"/>
    <link rel="stylesheet" type="text/css" href="assets/components/icon-font/iconfont.css"/>
    <link rel="stylesheet" type="text/css" href="assets/css/public.css"/>
    <link rel="stylesheet" type="text/css" href="assets/css/userInfo.css">
    <link rel="stylesheet" type="text/css" href="assets/css/media.css"/>
    <!--[if lt IE 9]>
    <script type="text/javascript" src="assets/js/html5shiv.min.js"></script>
    <![endif]-->
    <title>账户信息</title>
</head>

<body>
<!--头部导航-->
<div id="shortcut">
    <div class="container">
        <ul class="fl">
            <li class="dropdown" id="city_chose">
                <div class="dt shortcut_a">
                    送至：
                    <span>北京</span>
                    <i class="iconfont icon-xia"></i>
                </div>
                <div class="dd layer">
                    <div class="dd_spacer"></div>
                    <div class="dd_inner">
                        <div class="item">
                            <a href="###">北京</a>
                        </div>
                        <div class="item">
                            <a class="selected" href="###">上海</a>
                        </div>
                        <div class="item">
                            <a href="###">天津</a>
                        </div>
                        <div class="item">
                            <a href="###">重庆</a>
                        </div>
                        <div class="item">
                            <a href="###">河北</a>
                        </div>
                        <div class="item">
                            <a href="###">四川</a>
                        </div>
                        <div class="item">
                            <a href="###">陕西</a>
                        </div>
                        <div class="item">
                            <a href="###">山西</a>
                        </div>
                        <div class="item">
                            <a href="###">浙江</a>
                        </div>
                        <div class="item">
                            <a href="###">江苏</a>
                        </div>
                    </div>
                </div>
            </li>
        </ul>
        <ul class="fr">
            <li>
                <a href="###" class="link_admin">admin</a>
                <a href="###" class="link_exit">退出</a>
            </li>
            <li class="spacer"></li>
            <li>
                <div class="shortcut_a">
                    <a href="###" target="_blank">我的订单</a>
                </div>
            </li>
            <li class="spacer"></li>
            <li class="dropdown" id="person">
                <div class="dt shortcut_a">
                    <a href="###" target="_blank">个人中心</a>
                    <i class="iconfont icon-xia"></i>
                </div>
                <div class="dd layer">
                    <div class="dd_spacer"></div>
                    <div class="dd_inner">
                        <div class="item">
                            <a href="###">
                                我的个人中心
                            </a>
                        </div>
                        <div class="item">
                            <a href="###">
                                待支付订单
                            </a>
                        </div>
                        <div class="item">
                            <a href="###">
                                待收货订单
                            </a>
                        </div>
                        <div class="item">
                            <a href="###">
                                返修退换货
                            </a>
                        </div>
                    </div>
                </div>
            </li>
            <li class="spacer"></li>
            <li>
                <div class="shortcut_a">
                    <a href="###" target="_blank">会员中心</a>
                </div>
            </li>
            <li class="spacer"></li>
            <li>
                <div class="shortcut_a">
                    <a href="###" target="_blank">企业采购</a>
                </div>
            </li>
            <li class="spacer"></li>
            <li class="dropdown" id="phone">
                <div class="dt shortcut_a">
                    <i class="iconfont icon-shouji"></i>
                    <a href="###" target="_blank">手机下载</a>
                    <i class="iconfont icon-xia"></i>
                </div>
                <div class="dd layer">
                    <div class="dd_spacer"></div>
                    <div class="dd_inner">
                        <img src="" class="img-thumbnail"/>
                    </div>

                </div>
            </li>
            <li class="spacer"></li>
            <li class="dropdown" id="foucs">
                <div class="dt shortcut_a">
                    <a href="###" target="_blank">关注我们</a>
                    <i class="iconfont icon-xia"></i>
                </div>
                <div class="dd layer">
                    <div class="dd_spacer"></div>
                    <div class="dd_inner">
                        <img src="" class="img-thumbnail"/>
                    </div>
                </div>
            </li>
            <li class="spacer"></li>
            <li class="dropdown" id="custom_service">
                <div class="dt shortcut_a">
                    <a href="###" target="_blank">客户服务</a>
                    <i class="iconfont icon-xia"></i>
                </div>
                <div class="dd layer">
                    <div class="dd_spacer"></div>
                    <p>客户</p>
                    <ul>
                        <li>
                            <a href="###">售后服务</a>
                        </li>
                        <li>
                            <a href="###">售后服务</a>
                        </li>
                        <li>
                            <a href="###">售后服务</a>
                        </li>
                        <li>
                            <a href="###">售后服务</a>
                        </li>
                        <li>
                            <a href="###">售后服务</a>
                        </li>
                        <li>
                            <a href="###">售后服务</a>
                        </li>
                        <li>
                            <a href="###">售后服务</a>
                        </li>
                    </ul>
                    <p>商户</p>
                    <ul>
                        <li>
                            <a href="###">商学院</a>
                        </li>
                        <li>
                            <a href="###">入驻</a>
                        </li>
                    </ul>
                </div>
            </li>
            <li class="spacer"></li>
            <li class="dropdown" id="web_nav">
                <div class="dt shortcut_a">
                    <a href="###" target="_blank">网站导航</a>
                    <i class="iconfont icon-xia"></i>
                </div>
                <div class="dd layer">
                    <div class="dd_spacer"></div>
                    <div class="dd_inner">
                        <dl>
                            <dt>主题主题</dt>
                            <dd>
                                <ul>
                                    <li class="item">
                                        <a href="###">内容</a>
                                    </li>
                                    <li class="item">
                                        <a href="###">内容</a>
                                    </li>
                                    <li class="item">
                                        <a href="###">内容</a>
                                    </li>
                                    <li class="item">
                                        <a href="###">内容</a>
                                    </li>
                                    <li class="item">
                                        <a href="###">内容</a>
                                    </li>
                                    <li class="item">
                                        <a href="###">内容</a>
                                    </li>
                                    <li class="item">
                                        <a href="###">内容</a>
                                    </li>
                                    <li class="item">
                                        <a href="###">内容</a>
                                    </li>
                                    <li class="item">
                                        <a href="###">内容</a>
                                    </li>
                                    <li class="item">
                                        <a href="###">内容</a>
                                    </li>
                                    <li class="item">
                                        <a href="###">内容</a>
                                    </li>
                                    <li class="item">
                                        <a href="###">内容</a>
                                    </li>
                                    <li class="item">
                                        <a href="###">内容</a>
                                    </li>
                                </ul>
                            </dd>
                        </dl>
                        <dl>
                            <dt>主题主题</dt>
                            <dd>
                                <ul>
                                    <li class="item">
                                        <a href="###">内容</a>
                                    </li>
                                    <li class="item">
                                        <a href="###">内容</a>
                                    </li>
                                    <li class="item">
                                        <a href="###">内容</a>
                                    </li>
                                    <li class="item">
                                        <a href="###">内容</a>
                                    </li>
                                    <li class="item">
                                        <a href="###">内容</a>
                                    </li>
                                    <li class="item">
                                        <a href="###">内容</a>
                                    </li>
                                    <li class="item">
                                        <a href="###">内容</a>
                                    </li>
                                    <li class="item">
                                        <a href="###">内容</a>
                                    </li>
                                    <li class="item">
                                        <a href="###">内容</a>
                                    </li>
                                    <li class="item">
                                        <a href="###">内容</a>
                                    </li>
                                    <li class="item">
                                        <a href="###">内容</a>
                                    </li>
                                    <li class="item">
                                        <a href="###">内容</a>
                                    </li>
                                    <li class="item">
                                        <a href="###">内容</a>
                                    </li>
                                </ul>
                            </dd>
                        </dl>
                        <dl>
                            <dt>主题主题</dt>
                            <dd>
                                <ul>
                                    <li class="item">
                                        <a href="###">内容</a>
                                    </li>
                                    <li class="item">
                                        <a href="###">内容</a>
                                    </li>
                                    <li class="item">
                                        <a href="###">内容</a>
                                    </li>
                                    <li class="item">
                                        <a href="###">内容</a>
                                    </li>
                                    <li class="item">
                                        <a href="###">内容</a>
                                    </li>
                                    <li class="item">
                                        <a href="###">内容</a>
                                    </li>
                                    <li class="item">
                                        <a href="###">内容</a>
                                    </li>
                                    <li class="item">
                                        <a href="###">内容</a>
                                    </li>
                                    <li class="item">
                                        <a href="###">内容</a>
                                    </li>
                                    <li class="item">
                                        <a href="###">内容</a>
                                    </li>
                                    <li class="item">
                                        <a href="###">内容</a>
                                    </li>
                                    <li class="item">
                                        <a href="###">内容</a>
                                    </li>
                                    <li class="item">
                                        <a href="###">内容</a>
                                    </li>
                                </ul>
                            </dd>
                        </dl>
                        <dl>
                            <dt>主题主题</dt>
                            <dd>
                                <ul>
                                    <li class="item">
                                        <a href="###">内容</a>
                                    </li>
                                    <li class="item">
                                        <a href="###">内容</a>
                                    </li>
                                    <li class="item">
                                        <a href="###">内容</a>
                                    </li>
                                    <li class="item">
                                        <a href="###">内容</a>
                                    </li>
                                    <li class="item">
                                        <a href="###">内容</a>
                                    </li>
                                    <li class="item">
                                        <a href="###">内容</a>
                                    </li>
                                    <li class="item">
                                        <a href="###">内容</a>
                                    </li>
                                    <li class="item">
                                        <a href="###">内容</a>
                                    </li>
                                    <li class="item">
                                        <a href="###">内容</a>
                                    </li>
                                    <li class="item">
                                        <a href="###">内容</a>
                                    </li>
                                    <li class="item">
                                        <a href="###">内容</a>
                                    </li>
                                    <li class="item">
                                        <a href="###">内容</a>
                                    </li>
                                    <li class="item">
                                        <a href="###">内容</a>
                                    </li>
                                </ul>
                            </dd>
                        </dl>
                    </div>
                </div>
            </li>
        </ul>
    </div>
</div>
<header id="header">
    <div class="container">
        <div class="home-logo">
            <a href="##" class="fore1"></a>
            <a href="##" class="fore2">我的京东</a>
            <a href="##" class="fore3">返回京东首页</a>
        </div>
        <div class="navitems">
            <ul class="clearfix">
                <li><a href="##">首页</a></li>
                <li>
                    <div class="dl">
                        <div class="dt">
                            <span>账户设置</span>
                            <i class="iconfont icon-xia"></i>
                        </div>
                        <div class="dd">
                            <a href="##">个人信息</a>
                            <a href="##">个人信息</a>
                            <a href="##">个人信息</a>
                            <a href="##">个人信息</a>
                            <a href="##">个人信息</a>
                            <a href="##">个人信息</a>
                        </div>
                    </div>
                </li>
                <li>
                    <div class="dl">
                        <div class="dt">
                            <span>社区</span>
                            <i class="iconfont icon-xia"></i>
                        </div>
                        <div class="dd">
                            <a href="##">个人信息</a>
                            <a href="##">个人信息</a>
                            <a href="##">个人信息</a>
                            <a href="##">个人信息</a>
                            <a href="##">个人信息</a>
                            <a href="##">个人信息</a>
                        </div>
                    </div>
                </li>
                <li><a href="##">消息</a></li>

            </ul>
        </div>
        <div class="head_r">
            <div class="shop_bag fore">
                <div>
                    <i class="iconfont icon-gouwuche1"></i>
                    <a class="fore_a" href="###">我的购物车</a>
                    <i class="iconfont icon-angle-right"></i>
                    <i class="count" id="shopping_amount">00</i>
                </div>
                <div class="layer">
                    <div class="empty hide">
                        <div class="spacer">

                        </div>
                        <i class="iconfont icon-gouwuchekong"></i>
                        <span>
									  购物车空空如也
								</span>
                    </div>
                    <div class="shoplist">
                        <div class="spacer"></div>
                        <div class="smt">
                            <h4 class="fl">最新加入的商品</h4>
                        </div>
                        <div class="smc">
                            <ul>
                                <li>
                                    <div class="p_img fl">
                                        <a href="###">
                                            <img src="" class="img-thumbnail"/>
                                        </a>
                                    </div>
                                    <div class="p_name fl">
                                        <a href="###">太太静心助眠口服液礼盒装15ml*60支 年货送礼</a>
                                    </div>
                                    <div class="p_detail fr">
												<span class="p_price">
													<strong>$288.00</strong>
													X1
												</span>
                                        <br/>
                                        <a href="###" class="delete">删除</a>
                                    </div>
                                </li>
                                <li>
                                    <div class="p_img fl">
                                        <a href="###">
                                            <img src="" class="img-thumbnail"/>
                                        </a>
                                    </div>
                                    <div class="p_name fl">
                                        <a href="###">太太静心助眠口服液礼盒装15ml*60支 年货送礼</a>
                                    </div>
                                    <div class="p_detail fr">
												<span class="p_price">
													<strong>$288.00</strong>
													X1
												</span>
                                        <br/>
                                        <a href="###" class="delete">删除</a>
                                    </div>
                                </li>
                                <li>
                                    <div class="p_img fl">
                                        <a href="###">
                                            <img src="" class="img-thumbnail"/>
                                        </a>
                                    </div>
                                    <div class="p_name fl">
                                        <a href="###">太太静心助眠口服液礼盒装15ml*60支 年货送礼</a>
                                    </div>
                                    <div class="p_detail fr">
												<span class="p_price">
													<strong>$288.00</strong>
													X1
												</span>
                                        <br/>
                                        <a href="###" class="delete">删除</a>
                                    </div>
                                </li>
                                <li>
                                    <div class="p_img fl">
                                        <a href="###">
                                            <img src="" class="img-thumbnail"/>
                                        </a>
                                    </div>
                                    <div class="p_name fl">
                                        <a href="###">太太静心助眠口服液礼盒装15ml*60支 年货送礼</a>
                                    </div>
                                    <div class="p_detail fr">
												<span class="p_price">
													<strong>$288.00</strong>
													X1
												</span>
                                        <br/>
                                        <a href="###" class="delete">删除</a>
                                    </div>
                                </li>
                                <li>
                                    <div class="p_img fl">
                                        <a href="###">
                                            <img src="" class="img-thumbnail"/>
                                        </a>
                                    </div>
                                    <div class="p_name fl">
                                        <a href="###">太太静心助眠口服液礼盒装15ml*60支 年货送礼</a>
                                    </div>
                                    <div class="p_detail fr">
												<span class="p_price">
													<strong>$288.00</strong>
													X1
												</span>
                                        <br/>
                                        <a href="###" class="delete">删除</a>
                                    </div>
                                </li>
                                <li>
                                    <div class="p_img fl">
                                        <a href="###">
                                            <img src="" class="img-thumbnail"/>
                                        </a>
                                    </div>
                                    <div class="p_name fl">
                                        <a href="###">太太静心助眠口服液礼盒装15ml*60支 年货送礼</a>
                                    </div>
                                    <div class="p_detail fr">
												<span class="p_price">
													<strong>$288.00</strong>
													X1
												</span>
                                        <br/>
                                        <a href="###" class="delete">删除</a>
                                    </div>
                                </li>
                            </ul>
                        </div>
                        <div class="smb">
                            <div class="p_total fl">
                                共
                                <b>14</b> 件商品 &nbsp; &nbsp; 共计
                                <strong>$1111.11</strong>
                            </div>
                            <a href="###">去购物车</a>
                        </div>
                    </div>

                </div>
            </div>
        </div>
        <div class="search_box">
            <div class="form">
                <input type="text" class="search_text"/>
                <button class="btn_search">搜索</button>
            </div>
        </div>
    </div>
</header>
<!--内容-->
<div class="content_box" id="userinfo">
    <div class="container">
        <div class="content">
            <div class="sub">
                <div class="menu">
                    <dl>
                        <dt>
                            设置
                        </dt>
                        <dd class="active">
                            <a href="###" class="user_comm">
                                个人信息
                            </a>
                        </dd>
                        <dd>
                            <a href="###" class="useraddr">
                                收货地址
                            </a>
                        </dd>
                        <dd>
                            <a href="###">
                                个人信息
                            </a>
                        </dd>
                        <dd>
                            <a href="###">
                                个人信息
                            </a>
                        </dd>
                        <dd>
                            <a href="###">
                                个人信息
                            </a>
                        </dd>
                        <dd>
                            <a href="###">
                                个人信息
                            </a>
                        </dd>
                    </dl>
                </div>
            </div>
            <div class="main">
                <div class="mod_main clearfix" id="user_comm">
                    <div class="mt clearfix">
                        <ul>
                            <li>
                                <a class="active" href="###"> 基本信息</a>
                            </li>
                            <!--<li>-->
                            <!--<a href="###">更多个人信息</a>-->
                            <!--</li>-->
                        </ul>
                    </div>
                    <div class="mc clearfix">
                        <div class="user_set user_lcol">
                            <ul class="form clearfix">
                                <li class="item clearfix">
                                    <span class="item_label">用户名:</span>
                                    <div class="fl">
                                        <div>
                                            <strong>admin</strong>
                                        </div>
                                    </div>
                                </li>
                                <li class="item clearfix">
                                    <span class="item_label">
                                        <em>*</em>
                                        登录名:
                                    </span>
                                    <div class="fl" id="old_user">
                                        <div>
                                            <strong>admin</strong>
                                            <a class="ftx_05 ml10 edit_loginname"  href="###">修改</a>
                                            <span class="ftx_03">可用于登录，请牢记哦~</span>
                                        </div>
                                    </div>
                                    <div class="fl" id="edit_user">
                                        <input class="itxt itxt_succ" type="text">
                                        <span class="ftx_03">可用于登录，请牢记哦~</span>
                                    </div>
                                </li>
                                <li class="item clearfix">
                                    <span class="item_label">
                                        <em>*</em>
                                        昵称:
                                    </span>
                                    <div class="fl">
                                        <input class="itxt itxt_succ" type="text">
                                    </div>
                                </li>
                                <li class="item clearfix">
                                    <span class="item_label">
                                        <em>*</em>
                                        性别:
                                    </span>
                                    <div class="fl">
                                        <input type="radio" name="sex" class="jdradio" value="0">
                                        <label class="mr10">男</label>
                                        <input type="radio" name="sex" class="jdradio" value="1">
                                        <label class="mr10">女</label>
                                        <input type="radio" name="sex" class="jdradio" value="2">
                                        <label class="mr10">保密</label>
                                    </div>
                                </li>
                                <li class="item clearfix">
                                    <span class="item_label">
                                        生日:
                                    </span>
                                    <div class="fl birthd_info">
                                        <select class="selt selt1" name="" id="birthd_Y">
                                            <option value="0">请选择</option>
                                            <option value="2016">2016</option>
                                            <option value="2015">2015</option>
                                            <option value="2014">2014</option>
                                            <option value="2013">2013</option>
                                        </select>
                                        <label class="ml5 mr5">年</label>
                                        <select class="selt selt1" name="" id="birthd_Ms">
                                            <option value="0">请选择</option>
                                            <option value="1">1</option>
                                            <option value="2">2</option>
                                            <option value="3">3</option>
                                            <option value="4">4</option>
                                        </select>
                                        <label class="ml5 mr5">月</label>
                                        <select class="selt selt1" name="" id="birthd_D">
                                            <option value="0">请选择</option>
                                            <option value="1">1</option>
                                            <option value="2">2</option>
                                            <option value="3">3</option>
                                            <option value="4">4</option>
                                        </select>
                                        <label class="ml5 mr5">日</label>
                                    </div>
                                </li>
                                <li class="item clearfix">
                                    <span class="item_label">
                                        邮箱:
                                    </span>
                                    <div class="fl">
                                        <strong>XXX@qq.com</strong>
                                        <a class="ml5 ftx_05" href="###">
                                            立即验证
                                        </a>
                                    </div>
                                </li>
                                <li class="item clearfix">
                                    <span class="item_label">
                                        <em>*</em>
                                        真实姓名:
                                    </span>
                                    <div class="fl">
                                        <input type="text" class="itxt">
                                    </div>
                                </li>
                                <li class="item clearfix">
                                    <span class="item_label">
                                        婚姻状况:
                                    </span>
                                    <div class="fl">
                                        <input type="radio" name="maritalStatus" class="jdradio" value="0">
                                        <label class="mr10">未婚</label>
                                        <input type="radio" name="maritalStatus" class="jdradio" value="1">
                                        <label class="mr10">已婚</label>
                                        <input type="radio" name="maritalStatus" class="jdradio" value="2">
                                        <label class="mr10">保密</label>
                                    </div>
                                </li>
                                <li class="item clearfix">
                                    <span class="item_label">
                                        生日:
                                    </span>
                                    <div class="fl">
                                        <select class="selt selt1" name="" id="month_income">
                                            <option value="0">请选择</option>
                                            <option value="1">2000元以下</option>
                                            <option value="2">2000-3999元</option>
                                            <option value="3">4000-5999元</option>
                                            <option value="4">6000-7999元</option>
                                            <option value="5">8000元以上</option>
                                        </select>
                                    </div>
                                </li>
                                <li class="item clearfix">
                                    <span class="item_label">
                                        身份证号:
                                    </span>
                                    <div class="fl">
                                        <input type="text" class="itxt">
                                    </div>
                                </li>
                                <li class="item clearfix">
                                    <span class="item_label">
                                        教育程度:
                                    </span>
                                    <div class="fl">
                                        <select class="selt selt1" name="" id="education">
                                            <option value="0">请选择</option>
                                            <option value="1">初中</option>
                                            <option value="2">高中</option>
                                            <option value="3">中专</option>
                                            <option value="4">大专</option>
                                            <option value="5">本科</option>
                                        </select>
                                    </div>
                                </li>
                                <li class="item clearfix">
                                    <span class="item_label">
                                        所在行业:
                                    </span>
                                    <div class="fl">
                                        <select class="selt selt1" name="" id="industry">
                                            <option value="0">请选择</option>
                                            <option value="1">计算机硬件及网络设备</option>
                                            <option value="2">计算机软件</option>
                                            <option value="3">IT服务（系统/数据/维护）/多领域经营</option>
                                            <option value="4">互联网/电子商务</option>
                                            <option value="5">网络游戏</option>
                                        </select>
                                    </div>
                                </li>
                                <li class="item clearfix">
                                    <span class="item_label">
                                        &nbsp;
                                    </span>
                                    <div class="fl">
                                        <a class="btn_5" href="###">提交</a>
                                    </div>
                                </li>
                            </ul>
                        </div>
                        <div class="user_info">
                            <div class="u_pic">
                                <img src="" alt="">
                                <div class="mask"></div>
                            </div>
                            <div class="info_m">
                                <div>
                                    <b>用户名:admin</b>
                                </div>
                                <div>
                                    会员类型:个人用户
                                </div>
                                <hr>
                                <div>
                                    注：修改手机和邮箱请到
                                    <a href="###" class="ftx_05">账户安全</a>
                                </div>
                            </div>
                        </div>

                        <div class="u_pic_edit fl">
                            <hr>
                            <p>修改头像:</p>
                            <input type="file">
                        </div>
                        <div class="clr"></div>
                    </div>
                </div>
                <div class="mod_main clearfix hidden" id="useraddr">
                    <div class="mt">
                        <a class="btn_5 add_btn" href="###">新增收货地址</a>
                        <span class="ftx_03">
                            您已创建
                            <span class="ftx_02">4</span>
                            个收货地址，最多可创建
                            <span class="ftx_02">20</span>
                            个
                        </span>
                    </div>
                    <div class="mc">
                        <ul>
                            <li class="addr_item">
                                <div class="item_t">
                                    <h3>
                                        某吱吱 上海
                                        <a class="item_name" href="###">修改</a>
                                    </h3>
                                    <div class="extra">
                                        <a class="del_btn" href="###">

                                        </a>
                                    </div>
                                    <div class="alias_form hidden">
                                        <div class="alias_new">
                                            <input class="ipt_text" type="text">
                                            <button class="btn_save">保存</button>
                                        </div>
                                        <div class="alias_common">
                                            建议常用名词:家里、公司
                                        </div>
                                    </div>
                                </div>
                                <div class="item_c clearfix">
                                    <div class="items clearfix">
                                        <div class="item_lcol">
                                            <ul>
                                                <li>
                                                    <span>收货人:</span>
                                                    <div class="fl consigneeName" >
                                                        某吱吱
                                                    </div>
                                                </li>
                                                <li>
                                                    <span>所在地区:</span>
                                                    <div class="fl">
                                                        上海市闵行区浦江镇
                                                    </div>
                                                </li>
                                                <li>
                                                    <span>地址:</span>
                                                    <div class="fl consigneeAddress">
                                                        浦江镇江凯路199号1#403
                                                    </div>
                                                </li>
                                                <li>
                                                    <span>手机:</span>
                                                    <div class="fl consigneeMobile">
                                                        1383838888
                                                    </div>
                                                </li>
                                                <li>
                                                    <span>固定电话:</span>
                                                    <div class="fl consigneePhone">
                                                        555555555
                                                    </div>
                                                </li>
                                                <li>
                                                    <span>电子邮箱:</span>
                                                    <div class="fl consigneeEmail">

                                                    </div>
                                                </li>
                                            </ul>
                                        </div>
                                        <div class="item_rcol">
                                            <div class="extra">
                                                <a class="ml10 ftx_05 to_default" href="###">设为默认</a>
                                                <a class="ml10 ftx_05 edit_btn" href="###">编辑</a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </li>
                            <li class="addr_item">
                                <div class="item_t">
                                    <h3>
                                        某吱吱 上海
                                        <a class="item_name" href="###">修改</a>
                                    </h3>
                                    <div class="extra">
                                        <a class="del_btn" href="###">

                                        </a>
                                    </div>
                                    <div class="alias_form hidden">
                                        <div class="alias_new">
                                            <input class="ipt_text" type="text">
                                            <button class="btn_save">保存</button>
                                        </div>
                                        <div class="alias_common">
                                            建议常用名词:家里、公司
                                        </div>
                                    </div>
                                </div>
                                <div class="item_c clearfix">
                                    <div class="items clearfix">
                                        <div class="item_lcol">
                                            <ul>
                                                <li>
                                                    <span>收货人:</span>
                                                    <div class="fl consigneeName" >
                                                        某吱吱2
                                                    </div>
                                                </li>
                                                <li>
                                                    <span>所在地区:</span>
                                                    <div class="fl">
                                                        上海市闵行区浦江镇
                                                    </div>
                                                </li>
                                                <li>
                                                    <span>地址:</span>
                                                    <div class="fl consigneeAddress">
                                                        浦江镇江凯路199号1#403
                                                    </div>
                                                </li>
                                                <li>
                                                    <span>手机:</span>
                                                    <div class="fl consigneeMobile">
                                                        1383838888
                                                    </div>
                                                </li>
                                                <li>
                                                    <span>固定电话:</span>
                                                    <div class="fl consigneePhone">
                                                        555555555
                                                    </div>
                                                </li>
                                                <li>
                                                    <span>电子邮箱:</span>
                                                    <div class="fl consigneeEmail">

                                                    </div>
                                                </li>
                                            </ul>
                                        </div>
                                        <div class="item_rcol">
                                            <div class="extra">
                                                <a class="ml10 ftx_05 to_default" href="###">设为默认</a>
                                                <a class="ml10 ftx_05 edit_btn" href="###">编辑</a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </li>
                            <li class="addr_item">
                                <div class="item_t">
                                    <h3>
                                        某吱吱 上海
                                        <a class="item_name" href="###">修改</a>
                                    </h3>
                                    <div class="extra">
                                        <a class="del_btn" href="###">

                                        </a>
                                    </div>
                                    <div class="alias_form hidden">
                                        <div class="alias_new">
                                            <input class="ipt_text" type="text">
                                            <button class="btn_save">保存</button>
                                        </div>
                                        <div class="alias_common">
                                            建议常用名词:家里、公司
                                        </div>
                                    </div>
                                </div>
                                <div class="item_c clearfix">
                                    <div class="items clearfix">
                                        <div class="item_lcol">
                                            <ul>
                                                <li>
                                                    <span>收货人:</span>
                                                    <div class="fl consigneeName" >
                                                        某吱吱
                                                    </div>
                                                </li>
                                                <li>
                                                    <span>所在地区:</span>
                                                    <div class="fl">
                                                        上海市闵行区浦江镇
                                                    </div>
                                                </li>
                                                <li>
                                                    <span>地址:</span>
                                                    <div class="fl consigneeAddress">
                                                        浦江镇江凯路199号1#403
                                                    </div>
                                                </li>
                                                <li>
                                                    <span>手机:</span>
                                                    <div class="fl consigneeMobile">
                                                        1383838888
                                                    </div>
                                                </li>
                                                <li>
                                                    <span>固定电话:</span>
                                                    <div class="fl consigneePhone">
                                                        555555555
                                                    </div>
                                                </li>
                                                <li>
                                                    <span>电子邮箱:</span>
                                                    <div class="fl consigneeEmail">

                                                    </div>
                                                </li>
                                            </ul>
                                        </div>
                                        <div class="item_rcol">
                                            <div class="extra">
                                                <a class="ml10 ftx_05 to_default" href="###">设为默认</a>
                                                <a class="ml10 ftx_05 edit_btn" href="###">编辑</a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </li>
                            <li class="addr_item">
                                <div class="item_t">
                                    <h3>
                                        某吱吱 上海
                                        <a class="item_name" href="###">修改</a>
                                    </h3>
                                    <div class="extra">
                                        <a class="del_btn" href="###">

                                        </a>
                                    </div>
                                    <div class="alias_form hidden">
                                        <div class="alias_new">
                                            <input class="ipt_text" type="text">
                                            <button class="btn_save">保存</button>
                                        </div>
                                        <div class="alias_common">
                                            建议常用名词:家里、公司
                                        </div>
                                    </div>
                                </div>
                                <div class="item_c clearfix">
                                    <div class="items clearfix">
                                        <div class="item_lcol">
                                            <ul>
                                                <li>
                                                    <span>收货人:</span>
                                                    <div class="fl consigneeName" >
                                                        某吱吱
                                                    </div>
                                                </li>
                                                <li>
                                                    <span>所在地区:</span>
                                                    <div class="fl">
                                                        上海市闵行区浦江镇
                                                    </div>
                                                </li>
                                                <li>
                                                    <span>地址:</span>
                                                    <div class="fl consigneeAddress">
                                                        浦江镇江凯路199号1#403
                                                    </div>
                                                </li>
                                                <li>
                                                    <span>手机:</span>
                                                    <div class="fl consigneeMobile">
                                                        1383838888
                                                    </div>
                                                </li>
                                                <li>
                                                    <span>固定电话:</span>
                                                    <div class="fl consigneePhone">
                                                        555555555
                                                    </div>
                                                </li>
                                                <li>
                                                    <span>电子邮箱:</span>
                                                    <div class="fl consigneeEmail">

                                                    </div>
                                                </li>
                                            </ul>
                                        </div>
                                        <div class="item_rcol">
                                            <div class="extra">
                                                <a class="ml10 ftx_05 to_default" href="###">设为默认</a>
                                                <a class="ml10 ftx_05 edit_btn" href="###">编辑</a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </li>
                        </ul>
                    </div>
                    <div class="mt">
                        <a class="btn_5 add_btn" href="###">新增收货地址</a>
                        <span class="ftx_03">
                            您已创建
                            <span class="ftx_02">4</span>
                            个收货地址，最多可创建
                            <span class="ftx_02">20</span>
                            个
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="mask hidden"></div>

<!--新增/修改地址-->
<div class="dialog hidden" id="address">
    <div class="dialog_tit">
        <span>新增/修改收货人信息</span>
    </div>
    <div class="dialog_content">
        <div class="form" id="add_addr_form">
            <ul>
                <li class="item clearfix" id="name_div">
                    <span class="item_label">
                            <span class="star">*</span>
                            &nbsp;收货人: &nbsp;
                    </span>
                    <div class="fl">
                        <input type="text" class="itxt" id="consigneeName" maxlength="20" value="222">
                        <span class="error_msg"></span>
                    </div>
                </li>
                <li class="item clearfix" id="area_div">
                    <span class="item_label">
                            <span class="star">*</span>
                            &nbsp;所在地区: &nbsp;
                    </span>
                    <div class="fl">
                        <div class="info">
                            <div>
                                <select id="s_province" name="s_province"></select>  
                                <select id="s_city" name="s_city"></select>  
                                <select id="s_county" name="s_county"></select>
                                <script class="resources library" src="assets/components/area.js"
                                        type="text/javascript"></script>
                                <script type="text/javascript">_init_area();</script>
                            </div>

                            <div id="show"></div>

                        </div>
                    </div>
                </li>
                <li class="item clearfix" id="addr_div">
                    <span class="item_label">
                            <span class="star">*</span>
                            &nbsp;详细地址: &nbsp;
                    </span>
                    <div class="fl">
                        <input type="text" class="itxt itxt02" id="consigneeAddress" maxlength="50">
                        <span class="error_msg"></span>
                    </div>
                </li>
                <li class="item clearfix" id="call_div">
                    <span class="item_label">
                            <span class="star">*</span>
                            &nbsp;手机号码: &nbsp;
                    </span>
                    <div class="fl">
                        <input type="text" class="itxt" id="consigneeMobile" maxlength="11">
                    </div>
                    <div class="fl">
                        <span class="item_label">
                            固定电话:
                        </span>
                        <input type="text" id="consigneePhone" class="itxt" maxlength="20">
                    </div>
                    <span class="error_msg"></span>
                </li>
                <li class="item clearfix" id="email_div">
                    <span class="item_label">
                            &nbsp;邮箱: &nbsp;
                    </span>
                    <div class="fl">
                        <input type="text" id="consigneeEmail" class="itxt itxt02" maxlength="50">
                        <span class="error_msg"></span>
                        <div class="ftx_03">
                            用来接收订单提醒邮件，便于您及时了解订单状态
                        </div>
                    </div>
                </li>
                <li class="item clearfix">
                    <span class="item_label">
                        &nbsp;
                    </span>
                    <div class="fl">
                        <a href="###" class="btn_save">
                            <span>
                                保存收货人信息
                            </span>
                        </a>
                        <!--正在保存信息-->
                        <div class="loading" style="display: none">
                            正在提交信息,请等待!
                        </div>

                    </div>
                </li>
            </ul>
        </div>
    </div>
    <a href="###" class="dialog_close" title="关闭">
    </a>
</div>

<!--footer-->
<footer>
    <div class="footer_service">
        <ul class="service_inner">
            <li class="service_item">
                <div class="service_unit">
                    <h5 class="service_tit service_tit_duo">多</h5>
                    <p class="service_text">品类齐全，轻松购物</p>
                </div>
            </li>
            <li class="service_item">
                <div class="service_unit">
                    <h5 class="service_tit service_tit_kuai">快</h5>
                    <p class="service_text">品类齐全，轻松购物</p>
                </div>
            </li>
            <li class="service_item">
                <div class="service_unit">
                    <h5 class="service_tit service_tit_hao">好</h5>
                    <p class="service_text">品类齐全，轻松购物</p>
                </div>
            </li>
            <li class="service_item">
                <div class="service_unit">
                    <h5 class="service_tit service_tit_sheng">省</h5>
                    <p class="service_text">品类齐全，轻松购物</p>
                </div>
            </li>
        </ul>
    </div>
    <div class="footer_help container">
        <dl>
            <dt>购物指南</dt>
            <dd>
                <div>
                    <a href="###">购物流程</a>
                </div>
            </dd>
            <dd>
                <div>
                    <a href="###">购物流程</a>
                </div>
            </dd>
            <dd>
                <div>
                    <a href="###">购物流程</a>
                </div>
            </dd>
            <dd>
                <div>
                    <a href="###">购物流程</a>
                </div>
            </dd>
            <dd>
                <div>
                    <a href="###">购物流程</a>
                </div>
            </dd>
            <dd>
                <div>
                    <a href="###">购物流程</a>
                </div>
            </dd>
        </dl>
        <dl>
            <dt>购物指南</dt>
            <dd>
                <div>
                    <a href="###">购物流程</a>
                </div>
            </dd>
            <dd>
                <div>
                    <a href="###">购物流程</a>
                </div>
            </dd>
            <dd>
                <div>
                    <a href="###">购物流程</a>
                </div>
            </dd>
            <dd>
                <div>
                    <a href="###">购物流程</a>
                </div>
            </dd>
            <dd>
                <div>
                    <a href="###">购物流程</a>
                </div>
            </dd>
            <dd>
                <div>
                    <a href="###">购物流程</a>
                </div>
            </dd>
        </dl>
        <dl>
            <dt>购物指南</dt>
            <dd>
                <div>
                    <a href="###">购物流程</a>
                </div>
            </dd>
            <dd>
                <div>
                    <a href="###">购物流程</a>
                </div>
            </dd>
            <dd>
                <div>
                    <a href="###">购物流程</a>
                </div>
            </dd>
            <dd>
                <div>
                    <a href="###">购物流程</a>
                </div>
            </dd>
            <dd>
                <div>
                    <a href="###">购物流程</a>
                </div>
            </dd>
            <dd>
                <div>
                    <a href="###">购物流程</a>
                </div>
            </dd>
        </dl>
        <dl>
            <dt>购物指南</dt>
            <dd>
                <div>
                    <a href="###">购物流程</a>
                </div>
            </dd>
            <dd>
                <div>
                    <a href="###">购物流程</a>
                </div>
            </dd>
            <dd>
                <div>
                    <a href="###">购物流程</a>
                </div>
            </dd>
            <dd>
                <div>
                    <a href="###">购物流程</a>
                </div>
            </dd>
            <dd>
                <div>
                    <a href="###">购物流程</a>
                </div>
            </dd>
            <dd>
                <div>
                    <a href="###">购物流程</a>
                </div>
            </dd>
        </dl>
        <dl>
            <dt>购物指南</dt>
            <dd>
                <div>
                    <a href="###">购物流程</a>
                </div>
            </dd>
            <dd>
                <div>
                    <a href="###">购物流程</a>
                </div>
            </dd>
            <dd>
                <div>
                    <a href="###">购物流程</a>
                </div>
            </dd>
            <dd>
                <div>
                    <a href="###">购物流程</a>
                </div>
            </dd>
            <dd>
                <div>
                    <a href="###">购物流程</a>
                </div>
            </dd>
            <dd>
                <div>
                    <a href="###">购物流程</a>
                </div>
            </dd>
        </dl>
    </div>
    <div class="container">
        <div class="footer">
            <div class="links">
                <a href="###">关于我们</a>
                |
                <a href="###">关于我们</a>
                |
                <a href="###">关于我们</a>
                |
                <a href="###">关于我们</a>
                |
                <a href="###">关于我们</a>
                |
                <a href="###">关于我们</a>
                |
                <a href="###">关于我们</a>
                |
                <a href="###">关于我们</a>
                |
                <a href="###">关于我们</a>
                |
                <a href="###">关于我们</a>
                |
                <a href="###">关于我们</a>
            </div>
            <div class="copyright">
                北京市公安局朝阳分局备案编号110105014669&nbsp;&nbsp;|&nbsp;&nbsp;京ICP证070359号 |
                <a href="###">互联网药品信息服务资格证编号(京)-经营性-2014-0008</a>
                &nbsp;&nbsp;|&nbsp;&nbsp; 新出发京零 字第大120007号
                <br/>
                <a href="###">音像制品经营许可证苏宿批005号</a>
                &nbsp;&nbsp; |&nbsp;&nbsp; 出版物经营许可证编号新出发(苏)批字第N-012号 &nbsp;&nbsp; | &nbsp;&nbsp; 互联网出版许可证编号新出网证(京)字150号
                <br/>
                <a href="###">网络文化经营许可证京网文[2014]2148-348号</a>
                &nbsp;&nbsp;违法和不良信息举报电话：4006561155 &nbsp;&nbsp; Copyright&nbsp; © &nbsp;2004-2016 &nbsp;&nbsp; 京东JD.com&nbsp;
                版权所有
                <br/>
            </div>
            <div class="authentication">
                <a href="###">
                    <img src="assets/img/54b8871eNa9a7067e.png"/>
                </a>
                <a href="###">
                    <img src="assets/img/54b8871eNa9a7067e.png"/>
                </a>
                <a href="###">
                    <img src="assets/img/54b8871eNa9a7067e.png"/>
                </a>
                <a href="###">
                    <img src="assets/img/54b8871eNa9a7067e.png"/>
                </a>
                <a href="###">
                    <img src="assets/img/54b8871eNa9a7067e.png"/>
                </a>
                <a href="###">
                    <img src="assets/img/54b8871eNa9a7067e.png"/>
                </a>
            </div>
        </div>
    </div>
</footer>
</body>
<script type="text/javascript" src="assets/components/jquery-1.9.1.min.js"></script>
<script src="assets/components/bootstrap.min.js" type="text/javascript"></script>
<script type="text/javascript" src="assets/js/public.js"></script>
<script type="text/javascript" src="assets/js/userinfo.js"></script>
<!--<script type="text/javascript" src="assets/components/area.js"></script>-->
<script>
    <!--三级联动-->
    var Gid = document.getElementById;

    var showArea = function () {

        Gid('show').innerHTML = "<h3>省" + Gid('s_province').value + " - 市" +

                Gid('s_city').value + " - 县/区" +

                Gid('s_county').value + "</h3>"

    }

    Gid('s_county').setAttribute('onchange', 'showArea()');

</script>
<script type="text/javascript" src="assets/components/layer/layer.js"></script>

<script>

    //    弹出框
    var mask = $(".mask");
    var address = $("#address");
    var dialog_close = address.find(".dialog_close");

    function dialogL() {
        var window_w = $(window).width();
        console.log(window_w)
        var dialog_w = address.width();
        console.log(dialog_w)

        var _cha = window_w - dialog_w;
        console.log(_cha)
        var _left;
        if (_cha <= 0) {
            _left = 0;
        } else {
            _left = _cha / 2;
        }
        address.css("left", _left)
    }


    var add_btn = $(".add_btn");
    var edit_btn = $(".edit_btn");

    add_btn.click(function () {
        $(window).scrollTop(0);
        address.removeClass("hidden");
        mask.removeClass("hidden");
        _c_Name.val("");
        _c_Address.val("");
        _c_Mobile.val("");
        _c_Phone.val("");
        _c_Email.val("");
    })

    var item_name = $(".item_name");

    var c_Name=$(".consigneeName");
    var c_Address=$(".consigneeAddress");
    var c_Mobile=$(".consigneeMobile");
    var c_Phone=$(".consigneePhone");
    var c_Email=$(".consigneeEmail");

    var _c_Name=$("#consigneeName");
    var _c_Address=$("#consigneeAddress");
    var _c_Mobile=$("#consigneeMobile");
    var _c_Phone=$("#consigneePhone");
    var _c_Email=$("#consigneeEmail");

    edit_btn.click(function () {
        var index=$(this).closest(".addr_item").index();
        console.log(index)
        address.removeClass("hidden");
        mask.removeClass("hidden");
        $(window).scrollTop(0);
        //console.log(c_Name.text())
        _c_Name.val(c_Name.eq(index).text().replace(/(^\s*)|(\s*$)/g, ""));
        _c_Address.val(c_Address.eq(index).text().replace(/(^\s*)|(\s*$)/g, ""));
        _c_Mobile.val(c_Mobile.eq(index).text().replace(/(^\s*)|(\s*$)/g, ""));
        _c_Phone.val(c_Phone.eq(index).text().replace(/(^\s*)|(\s*$)/g, ""));
        _c_Email.val(c_Email.eq(index).text().replace(/(^\s*)|(\s*$)/g, ""));
    })
//编辑地址名称
    var alias_form = $(".alias_form");
    var alias_save = alias_form.find(".btn_save");
    console.log(item_name)

    item_name.click(function () {
        var index = $(this).closest(".addr_item").index();
        console.log(index)
        mask.removeClass("hidden");
        alias_form.eq(index).removeClass("hidden");
        alias_save.click(function () {
            alias_form.addClass("hidden");
            mask.addClass("hidden");
        })
    })

//    删除地址
    var del_addr=$("#useraddr").find(".del_btn")
    del_addr.click(function(){
        var index = $(this).closest(".addr_item").index();
        //询问框
        layer.confirm('确定要删除这个地址？', {
            btn: ['确定','取消'] //按钮
        }, function(){
            layer.msg('已删除', {icon: 1});
            $(".addr_item").eq(index).remove();
        })
    })

    dialogL();

    dialog_close.click(function () {
        address.addClass("hidden");
        mask.addClass("hidden");

    })

    $(window).resize(function () {
        dialogL();
    })
//    基本信息
    $(".edit_loginname").click(function(){
        $("#edit_user").show();
        $("#old_user").hide();
    })

//    menu
    var menu_dd=$(".menu").find("dd");
    var mod_main=$(".main").find(".mod_main");
    menu_dd.click(function(){
        menu_dd.removeClass("active");
        $(this).addClass("active");
        var currentId=$(this).find("a").attr("class");
        console.log(currentId);
        mod_main.addClass("hidden");
        $(".main .mod_main[id='"+currentId+"']").removeClass("hidden");
    })
</script>
</html>